<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="/static/assets/widget/header.jsp"%>
<style>
body {
	margin: 0;
	padding: 0;
}

.input-group {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	width: 94%;
	text-align: left;
}

.intputText {
	height: 35px !important;
	border: 1px solid #ccc !important;
}

.fromdiv {
	display: inline;
	margin-left: 2rem;
}

.querydiv {
	padding-right: 30px;
	float: right;
}

.btn {
	height: 40px !important;
	line-height: 0px !important;
	margin-right: 15px !important;
}

.operatingdiv {
	float: left;
	margin-top: 50px;
	margin-left: 20px;
}
</style>
</head>
<body>
<div class="container">
		<div class="input-group">
			<form id="searchForm" class="form-inline definewidth m20">
				<div class="fromdiv">
					<label>搜索关键字: </label>
					<div class="fromdiv">
						<input type="text" class="intputText" name="sendUserId"
							id="sendUserId" placeholder="请输用户ID">
					</div>
				</div>

				<div class="fromdiv">
					<label>订单号: </label>
					<div class="fromdiv">
						<input type="text" class="intputText" name="orderId" id="orderId"
							placeholder="订单号">
					</div>
				</div>
				<div class="fromdiv">
					<label>充值(0)/提现(1): </label>
					<div class="fromdiv">
						<input type="text" class="intputText" name="orderType"
							id="orderType" placeholder="0/1">
					</div>
				</div>
				 <label>开始时间</label>
				<div class="form-group">
				    <div id="startTime" class="input-group date form_date_start col-md-3">
				        <input class="form-control" size="16" type="text" value="" readonly>
				        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
				        <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
				    </div>
				</div>
				  <label>结束时间</label>
				<div class="form-group">
				    <div id="endTime" class="input-group date form_date_start col-md-3">
				        <input class="form-control" size="16" type="text" value=""  readonly>
				        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
				        <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
				    </div>
				</div>
			</form>
				<div class="querydiv">
					<button type="button" id="searchBtn" class="btn btn-primary">查询</button>
					<%--<button type="button" class="btn btn-primary">重置</button>--%>
				</div>
			</div>
					<div class="col-sm" style="float: left;">
						<label style="color: red">总金币数: </label>
						<div class="fromdiv">
							<input type="text" class="intputText" name="sumMoneyGame"
								id="sumMoneyGame">
						</div>
					</div>
					<div class="col-sm" style="float: right">
						<label>总VRT数: </label>
						<div class="fromdiv">
							<input type="text" class="intputText" name="sumMoneyvrt"
								id="sumMoneyvrt">
						</div>
					</div>
			

			<div>
				<table id="taskList_table"
					class="table table-bordered table-hover definewidth">
				</table>
			</div>
		</div>

</body>

<script>
    var searchData = {};
    $("#searchBtn").click(function () {

        // TODO 非空校验拓展
		var time = $("#startTime").find("input").val();
		console.log(time);
        var keyword = $("#sendUserId").val();
        if (keyword == "") {
            // alert("请输入搜索关键字")
            // return;
        }

        initTable();
    });

    function initTable() {
        // 分页
        $("#taskList_table").bootstrapTable('destroy').bootstrapTable({
            url: '/game/order/orderlist',//请求后台的url
            method: 'get',
            dataType: "json",
            striped: true,//设置为 true 会有隔行变色效果
            undefinedText: "空",//当数据为 undefined 时显示的字符
            pagination: true, //分页
            // paginationLoop:true,//设置为 true 启用分页条无限循环的功能。
            showToggle: "true",//是否显示 切换试图（table/card）按钮
            showColumns: "true",//是否显示 内容列下拉框
            pageNumber: 1,//如果设置了分页，首页页码
            // showPaginationSwitch:true,//是否显示 数据条数选择框
            pageSize: 10,//如果设置了分页，页面数据条数
            pageList: [10, 20, 40, 80, 100],    //如果设置了分页，设置可供选择的页面数据条数。设置为All 则显示所有记录。
            paginationPreText: '‹',//指定分页条中上一页按钮的图标或文字,这里是<
            paginationNextText: '›',//指定分页条中下一页按钮的图标或文字,这里是>
            // singleSelect: false,//设置True 将禁止多选
            toolbar: '#toolbar',       // 工具栏ID
            search: false, //显示搜索框
            data_local: "zh-US",//表格汉化
            sidePagination: "server", //服务端处理分页
            queryParams: function (params) {//自定义参数，这里的参数是传给后台的，我这是是分页用的
                return {//这里的params是table提供的
                    pageNum: (params.offset / params.limit) + 1,//从数据库第几条记录开始
                    pageSize: params.limit,//找多少条
                    sendUserId: $("#sendUserId").val(),
                    orderId: $("#orderId").val(),
                    orderType: $("#orderType").val(),
                    createTime: $("#startTime").find("input").val(),
                    endTime: $("#endTime").find("input").val()
                };
            },
            columns: [
                {
                    title: '主键Id',
                    field: 'id',
                    align: 'center'
                },
                {
                    title: '订单号',
                    field: 'orderId',
                    align: 'center'
                },
                {
                    title: '交易金额',
                    field: 'requestAmount',
                    align: 'center'
                },
                {
                    title: '用户ID',
                    field: 'sendUserId',
                    align: 'center'
                },
                {
                    title: '用户钱包地址',
                    field: 'sendUserVrtAddress',
                    align: 'center'
                }
            ], formatLoadingMessage: function () {
                return "请稍等，正在加载中...";
            }, formatNoMatches: function () {  //没有匹配的结果
                return '无符合条件的记录';
            }, formatShowingRows: function (pageFrom, pageTo, totalRows) {
                $('#totalRows').html(totalRows);
                return '显示第 ' + pageFrom + ' 到第 ' + pageTo + ' 条记录，总共 ' + totalRows + ' 条记录';
            },
            formatRecordsPerPage: function (pageNumber) {
                return '每页显示 ' + pageNumber + ' 条记录';
            }
        });
    }
    
    $(document).ready(function() {
    	//增加默认值
    	 updateSumMoney();
    })
    function updateSumMoney() {
		//清空下拉数据
		$.ajax({
			type : "get",
			url : "/game/order/sumMoney",
			dataType : "JSON",
			async : false,
			success : function(data) {				
				$("#sumMoneyvrt").val(data.vrtMoney);
				$("#sumMoneyGame").val(data.data.totalscore)
				console.log(data);
			},
			error : function() {
				console.info('err');
			}
		});
	}
    var newDate = new Date("2018-01-01");
    var t       = newDate.toJSON(); 
    $('.form_date_start').datetimepicker({
        format: 'yyyy-mm-dd',
        language:  'fr',
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0,
        weekStart: 1, 
         startDate:new Date(t),
    }); 
</script>
</html>
